<template>
  <div :width="props.width" class="contact">
    <slot></slot>
  </div>
</template>

<script setup>
const props = defineProps({
  width: {
    type: String,
    default: "",
  },
  list: {
    type: Array,
    default: [],
  },
});

</script>

<style scoped lang="scss">
.contact {
  background-color: #fff;

  transition: all 0.5s ease-in-out;
}
.contact:hover {
  /* x 偏移量 | y 偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1);
  transform: translateY(-3px);
}

</style>
